﻿<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
	<link rel="stylesheet" type="text/css" href="04.Programmer.Calculator.css" />
	<title>04 Programmer Calculator</title>
</head>
<body>
	<div class="frame1">
		<div class="frame2">
			<img src="images/calc-ico.png" alt="calculator icon" />
			<span>Calculator</span>
			<div class="pad-frame">
				<div class="pad">
					<div class="menu">
						<button>View</button>
						<button>Edit</button>
						<button>Help</button>
					</div>
					<div class="display-frame">
						<div class="display">
						</div>
					</div>
					<div class="hex-frame">
						<div class="hex">
							<div class="hex-line">
								<label class="hex hex1">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
							</div>
							<div class="hex-line">
								<label class="hex hex-num hex1">63</label>
								<label class="hex hex-num hex2">47</label>
								<label class="hex hex-num hex3">32</label>
							</div>
							<div class="hex-line">
								<label class="hex hex1">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
								<label class="hex">0000</label>
							</div>
							<div class="hex-line">
								<label class="hex hex-num hex1">31</label>
								<label class="hex hex-num hex2">15</label>
								<label class="hex hex-num hex4">0</label>
							</div>
						</div>
					</div>
					<section>
						<div class="radio-frame">
							<form>
								<ul>
									<li>
										<input id="hex" type="radio" name="num-system" value="hex" checked="checked" />
										<label for="hex">Hex</label>
									</li>
									<li>
										<input id="dec" type="radio" name="num-system" value="dec" />
										<label for="dec">Dec</label>
									</li>
									<li>
										<input id="oct" type="radio" name="num-system" value="oct" />
										<label for="oct">Oct</label>
									</li>
									<li>
										<input id="bin" type="radio" name="num-system" value="bin" />
										<label for="bin">Bin</label>
									</li>
								</ul>
							</form>
						</div>
						<div class="buttons">
							<button class="disabled">&nbsp;</button>
							<button class="main">Mod</button>
							<button class="letter main">A</button>
							<button class="ems">MC</button>
							<button class="ems">MR</button>
							<button class="ems">MS</button>
							<button class="ems">M+</button>
							<button class="ems">M-</button>
						</div>
						<div class="buttons">
							<button class="main">(</button>
							<button class="main">)</button>
							<button class="letter main">B</button>
							<button class="main">&#x2190;</button>
							<button class="main">CE</button>
							<button class="main">C</button>
							<button class="main">&#x00B1;</button>
							<button class="disabled">&#x221A;</button>
						</div>
						<div class="buttons">
							<button class="main">RoL</button>
							<button class="main">RoR</button>
							<button class="letter main">C</button>
							<button class="digit">7</button>
							<button class="digit">8</button>
							<button class="digit">9</button>
							<button class="main">/</button>
							<button class="disabled">%</button>
						</div>
					</section>
					<section>
						<div class="radio-frame">
							<form>
								<ul>
									<li>
										<input id="q" type="radio" name="word" value="w" checked="checked" />
										<label for="q">Qword</label>
									</li>
									<li>
										<input id="d" type="radio" name="word" value="d" />
										<label for="d">Dword</label>
									</li>
									<li>
										<input id="w" type="radio" name="word" value="w" />
										<label for="w">Word</label>
									</li>
									<li>
										<input id="b" type="radio" name="word" value="b" />
										<label for="b">Byte</label>
									</li>
								</ul>
							</form>
						</div>
						<div class="buttons">
							<div>
								<button class="main">Or</button>
								<button class="main">Xor</button>
								<button class="letter main">D</button>
								<button class="digit">4</button>
								<button class="digit">5</button>
								<button class="digit">6</button>
								<button class="main">*</button>
								<button class="disabled">1/x</button>
							</div>
						</div>
						<div class="buttons1">
							<div class="buttons11">
								<div class="buttons111">
									<button class="main">Lsh</button>
									<button class="main">Rsh</button>
									<button class="letter main">E</button>
									<button class="digit">1</button>
									<button class="digit">2</button>
									<button class="digit">3</button>
									<button class="main">-</button>
								</div>
								<div>
									<button class="main">Not</button>
									<button class="main">And</button>
									<button class="letter main">F</button>
									<button class="zero digit">0</button>
									<button class="disabled">.</button>
									<button class="main">+</button>
								</div>
							</div>
							<button class="double-button">=</button>
						</div>
					</section>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
